<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>CSS的布局技巧2</title>
    <style>
        .d1 {
            width: 400px;
            height: 400px;
            background-color: grey;
            /* 行内元素可以当文本去处理 */
            text-align: center;/* 文字水平居中 */
            line-height: 400px;/* 行高等于容器高 */
        }
        span {
            background-color: orange;

        }
    </style>
</head>
<body>
    <div class="d1">
        <span>你好啊</span>
    </div>
</body>
</html>